<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Extended AI TextArea Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor)">
	<div class="demo-container">

		<ui5-ai-textarea
			id="ai-textarea"
			value="Innovation managers operate with both creativity and business acumen, driving initiatives that cultivate an innovation-friendly culture."
			rows="8"
			placeholder="Write your content here...">

			<ui5-menu slot="menu" id="ai-menu"></ui5-menu>
		</ui5-ai-textarea>
	<!-- playground-fold -->
	<script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->
